<template>
	<div class="hello">
		<a class="btn btn-primary" @click='increment()'>+</a>
		<a class="btn btn-primary" @click='reduce()'>-</a>
	</div>
</template>

<script>
	import {
		increaseCounter,
		reduceCounter
	} from '../vuex/actions'
	export default {
		data() {
				return {

				};
			},
			vuex: {
				actions: {
					increment: increaseCounter,
					reduce: reduceCounter
				}
			},
			methods: {
				changeLimit() {
					this.limitFrom = this.limitFrom === 0 ? 5 : 0;
				}
			},
			components: {

			}
	};
</script>